.wrapper{width: 1200px;margin: 0 auto;position: relative;/* overflow: hidden; */}
.up-content{width: 1200px;margin: 0 auto;position: relative;}
.left{float: left;}
.right{float: right;}
.txt-overflow{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.thunbnail-h img{display:block;height: 100%;width: auto;}
.thumbnail-w img{display:block;height: auto;width: 100%;}
.bg-grey{background-color: #f0f2f5}
.section{padding: 30px 0}
.cover-bg{background-size: cover}
input,button{box-sizing: border-box}

.header{height:80px;width: 100%;position: fixed;background-color: rgba(255,255,255,1);border:1px solid #ececec;box-shadow: 0 0 9px #d8d8d89e;transition: all .6s ease;z-index: 99;}
.header-bg-opac{background-color: rgba(255,255,255,.9)}
.header .logo{float: left;display: block;height: 50px;padding-top: 15px;}
.header .navigation{float: right;/*margin-right: 220px;*/overflow: hidden;padding-top: 28px;}
.navigation.sys-navigation{margin-right: 280px;}
.quit-btn{border: 2px solid #2e7ff9;padding: 6px 15px;border-radius: 5px;color: #2e7ff9;}
.header .navigation li{float: left;height: 52px;padding: 0 8px;margin-right: 56px;font-size: 16px;position: relative}
.header .navigation li a{display:block;width: 100%;height: 100%;color: #333333}
.header .navigation li a:hover{color:#075fe9}
.header .navigation li a:after{display: block;content:'';position: absolute;bottom: 0;left: 50%;width: 0;height: 3px;background-color: #0761ec;opacity: 0;transition:all .3s ease}
.header .navigation li.active a:after,.header .navigation li a:hover:after{width: 100%;opacity: 1;left: 0}
.navigation.sys-navigation li{margin-right: 25px}
.login-mark-box{position: absolute;right: 0;top: 21px;cursor: pointer}
.login-mark-box .login-btn{width: 90px;height:36px;border:1px solid #2c77ec;border-radius: 5px;font-size: 16px;color:#2c77ec;cursor: pointer}
.users{font-size: 16px;margin-top: 7px;padding-right: 19px;height: 50px;position: relative;}
.users .icon,.user-operate .icon{display: inline-block;padding-right: 6px;}
.user-operate .icon{vertical-align: middle}
.users .icon-user{width: 20px;height: 20px;background: url('../images/usermenu_sprites.png') -10px -10px;padding-right: 1px;}
.user-operate .icon-account{width: 13px; height: 15px;background: url('../images/usermenu_sprites.png') -45px -50px;}
.user-operate .icon-orders{width: 15px; height: 16px;background: url('../images/usermenu_sprites.png') -10px -50px;}
.user-operate .icon-periods{width: 17px; height: 17px;background: url('../images/usermenu_sprites.png') -50px -10px;}
.user-operate .icon-quit{width: 13px; height: 14px;background: url('../images/usermenu_sprites.png') -87px -10px;}
.users span.user-id{display:inline-block;/* width: 190px; */overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.user-operate{width: 190px;background-color: #fff;padding:5px 0 15px;border: 1px solid #e6e6e6;display: none;}
.user-operate ul,.user-operate .quit{font-size: 16px;color: #333333}
.user-operate ul li a{display: block;padding: 13px 0 13px 30px;}
.user-operate ul li a:hover,.user-operate .quit:hover{background-color: #f0f2f5;color: #333;cursor: pointer}
.user-operate .quit{/*padding: 13px 0 13px 30px;*/;padding-left: 30px}

.content{padding-top: 80px;}
.banner{/*background: url('../images/banner.jpg') no-repeat top center;background-size: cover;*/height: 450px;position: relative}
.banner .images,.banner .images li{height: 100%;overflow: hidden}
.banner .images img{width: 100%;height: 100%;}
.banner .banner-dot li{display: inline-block;width: 10px;height: 10px;border-radius: 50%;background-color: #fff;cursor: pointer}
.banner .tcenter{width: 100%;text-align: center;position: absolute;top: 124px;left: 0}
.banner .tcenter h1,.banner .tcenter h2{font-weight: normal;margin-bottom: 20px}
.banner .tcenter h1{color:#2c77ec;font-size: 40px;}
.banner .tcenter h2{color: #fff;font-size: 18px;}
.banner .tcenter a.to-detail{color: #fff;font-size: 20px;display: inline-block;padding: 12px 42px;border-radius: 25px;background-color: #2c77ec;margin-top: 32px;}

.htitle{text-align: center;margin-bottom: 25px}
.htitle h3{font-size: 24px;color: #000;font-weight: normal}
.htitle h4{font-size: 12px;color: #999999;text-transform: uppercase}
.format-nav{margin-left: -3.3%;padding-bottom: 10px;padding: 0 1% 3.3%;}
.format-nav li{width: 29%;float: left;margin-left: 3.3%;background-color: #fff;height: 255px;border-radius: 5px;box-shadow: 0 0 22px #d4d4d4;padding-top: 34px;text-align: center;/*transition: .3s ease-in-out*/}
/*.format-nav li:hover{transform: translateY(-10px);-webkit-transform: translateY(-10px);}*/
.format-nav li a{display: block;height: 100%}
.nav-icons{width: 170px;height: 92px;margin: 6px auto 38px;background: url('../images/formatnav_sprites.png') -10px -10px;padding-top: 35px;transition: .3s ease-in-out}
.icon{display:block;margin: 0 auto;}
.icon-qikan{width: 37px; height: 40px;background: url('../images/formatnav_sprites.png') -10px -122px;}
.icon-book{width: 36px; height: 40px;background: url('../images/formatnav_sprites.png') -180px -120px;}
.icon-paper{width: 29px; height: 40px;background: url('../images/formatnav_sprites.png') -10px -181px;}
.format-nav li h3{color:#333333;font-size: 18px;}
.format-nav li span{color:#999999;font-size: 14px;font-weight: bold;text-transform: uppercase;}
.format-nav li h3,.format-nav li span{transition: color .3s ease}
.format-nav li a:hover h3,.format-nav li a:hover span{color:#2c77ec}
.format-nav li:hover .nav-icons{background-position:-200px -10px; }
.format-nav li:hover .icon-qikan{background-position:-67px -122px}
.format-nav li:hover .icon-book{background-position: -124px -120px}
.format-nav li:hover .icon-paper{background-position: -59px -181px}
.index-news-list .left-news{width: 43%;float: left;margin-right: 3%;overflow: hidden}
.index-news-list .right-news{width: 54%;float: left}
.index-news-list .left-news .thumbnail-w{height: 343px;margin-bottom: 20px;overflow: hidden}
.index-news-list .left-news h3{color: #333333;font-size: 16px;margin-bottom: 15px;transition: color .3s ease}
.index-news-list .left-news p{color: #666666;font-size: 14px;line-height: 20px;max-height: 40px;overflow: hidden}
.index-news-list .left-news .thumbnail-w img{transition:.3s ease;}
.index-news-list .left-news:hover .thumbnail-w img{transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1)}
.index-news-list .left-news:hover h3{color: #2c77ec;}
.index-news-list .right-news .more{text-align: right;position: relative;display:block;padding-right: 10px;text-transform: uppercase;color:#666666;font-size: 14px;}
.index-news-list .right-news .more:after{display: block;content: '';position: absolute;right:0;top:6px;width: 5px;height: 9px;background-image: url("../images/right.png");}
.right-news-list{margin-top: 20px;}
.right-news-list li{height: 100px;border-bottom: 1px solid #e6e6e6;overflow: hidden;padding: 10px 19px;}
.right-news-list li dl{overflow: hidden;position: relative;}
.right-news-list li dt.icon{width: 60px;height: 42px;position: absolute;background-image: url("../images/number.png");background-repeat: no-repeat;top: 7px;}
.right-news-list li dt.icon-fir{background-position: -4px 0;}
.right-news-list li dt.icon-sec{background-position: -1px -77px;}
.right-news-list li dt.icon-third{background-position: -1px -155px;}
.right-news-list li dt.icon-four{background-position: 2px -233px;}
.right-news-list li dd{margin-left: 84px;}
.right-news-list li dd h3{color: #333333;font-size: 16px;float: left;height: 35px;width: 84%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.right-news-list li dd span{float: right;color: #999999;font-size: 12px}
.right-news-list li dd p{font-size: 14px;color: #666666}
.right-news-list li,.right-news-list li dd p,.right-news-list li dd h3,.right-news-list li dd span{
    -webkit-transition: all .3s ease ;
    -moz-transition: all .3s ease ;
    -ms-transition: all .3s ease ;
    -o-transition: all .3s ease ;
    transition: all .3s ease ;}
.right-news-list li:hover{background-color: #2c77ec;}
.right-news-list li:hover dd p,.right-news-list li:hover dd h3,.right-news-list li:hover dd span{color: #fff}
.right-news-list li:hover dt.icon-fir{background-position: -71px 0px;}
.right-news-list li:hover dt.icon-sec{background-position-x: -69px;}
.right-news-list li:hover dt.icon-third{background-position-x: -69px;}
.right-news-list li:hover dt.icon-four{background-position-x: -66px;}

.index-tab-box{margin-top: 20px}
.index-tab-box .tabtit{margin-bottom: 20px;text-align: center;}
.index-tab-box .tab-cons{min-height: 474px;}
.index-tab-box .tabtit li{cursor: pointer;text-align: center;display: inline-block;padding: 10px 27px;font-size: 14px;transition: .3s ease}
.to-albums{overflow: hidden;margin-left: -2%;}
.to-albums li{float: left;width: 14.66%;margin-left: 2%;margin-bottom: 2%;height: 243px;overflow: hidden}
.to-albums li .thunbnail{display:block;width: 100%;}
.to-albums li .thunbnail:hover{cursor:zoom-in}
.index-book-shows{display: none}
.current-tit{background-color: #2c77ec;border-radius: 2px;color: #fff;}
.partner-list{margin-left: -10px;text-align: center;}
.partner-list li{display: inline-block;margin-left: 10px;border:1px solid #ffffff;transition: all .3s ease;}
.partner-list li:hover{border-color:#2c77ec}
.footer{background-color: #19191a;color:#fff;font-size: 14px;line-height: 28px;position: relative;z-index: 10;}
.footer a{color: #fff;transition: .3s ease}
.footer a:hover{color: #5d9af8}
.friends-link a{color: #12a6ff}
.footer-left{width: 240px;float: left}
.footer-middle{width: 742px;float: left;}
.footer-left,.footer-middle{margin-top: 10px}
.footer-qrcode{width: 100px;float: right}
.footer-qrcode p{text-align: center;margin-bottom: 10px}
.footer-middle span{float: left}
.friends-link{float: left;margin-left: 15px}
.friends-link li{display: inline-block;margin-left: 15px}

.inside-banner{height: 350px;background-repeat: no-repeat;background-size: cover}
.sys-banner{background-image: url("../images/bg-upload.jpg");}
.content.academic-con{background-color: #f0f2f5}
.upload-group{background-color: #ffffff;border-radius: 2px;padding: 16px 32px;font-size: 16px;color: #333333;margin: 10px 0}
.upload-group .hline{position: relative;display: block;margin: 16px -32px;}
.upload-group .hline:after{content: '';display: block;width: 100%;height: 1px;background-color: #e6e6e6;}
.choose-periods{min-height: 45px}
.choose-periods .layui-form-select{width: 190px;}
.choose-periods .layui-form-select .layui-input{display: inline-block;width: 190px;border:1px solid #e6e6e6;text-align: left;background-color: #f0f2f5;border-radius: 6px;font-size: 16px;cursor: pointer}
.choose-periods .layui-form-select dl dd.layui-this{background-color: #2c77ec}
.triangle-down{border-width:6px;border-style: solid;border-color: #999999 transparent transparent transparent;position: absolute;bottom: 5px;right: 0px;transform: rotate(315deg);}
.read-notice{padding-left: 21px;position: relative;margin-left: -14px;cursor: pointer}
.read-notice:before{display: block;content: '';width: 5px;height: 5px;background-color: #f14538;border-radius: 50%;position: absolute;left: 0;top: 50%;margin-top: -2.5px;}
.notice-txt{display: none;margin: 20px -32px 0;padding: 15px 32px;background-color: #d7dfea}
#uploader{border:2px dashed #d2d2d2;text-align: center;padding: 60px 20px;background-color: #f0f2f5;}
.uploadBtn{display: inline-block;padding: 8px 27px;background-color: #2c77ec;color: #fff;border-radius: 4px;margin-top: 22px;}
.progress{text-align: left}
.progress .percentage{height: 8px;background-color: #2c96ec;display: block;border-radius: 10px;}

.login-box{padding-bottom: 30px;}
.login-box .input-group{padding: 20px 37px 0;position: relative;font-size: 14px;}
.input-group label{position: absolute;font-size: 14px;left: 51px;top: 29px;color: #424242;}
.input-group input{width: 100%;height: 40px;border:1px solid #dbdbdb;border-radius: 4px;box-sizing: border-box;padding-left: 67px;padding-right: 10px;color: #616161;}
.input-group .captcha{  cursor : pointer;width:150px;height: 38px;position: absolute;right: 38px;top: 21px;}
.input-group .captcha img{width: 100%;height:100%;display: block}
#checkcode{padding-left: 15px}
.login-box #login{width: 100%;height: 40px;text-align: center;border: none;background-color: #0b55e3;color:#fff;border-radius: 4px;cursor: pointer;font-size: 16px;transition: all .3s ease}
.login-box #login:hover{background-color:#053dd6}
.account-banner{background: url("../images/bg-account.jpg") no-repeat top center;}
.pwd-info-box{margin-top: 20px;}
.login-info-box .tits,.pwd-info-box .tits{font-size: 16px;margin-bottom: -15px}
.login-info-box .tits .label{color: #333333;}
.form-group{padding-left: 19px}
.form-inpput-group{margin: 22px 0;}
.form-inpput-group label,.form-inpput-group .label{color: #999999;padding-right: 30px}
.form-inpput-group input{width: 340px;height: 40px;background-color: #f0f2f5;border:1px solid #e6e6e6;border-radius: 6px;padding: 0 6px;transition:.3s ease}
.form-inpput-group input:focus{border-color:#6aa4ff}
.alter-btn{border-radius: 6px;background-color: #2c77ec;color: #fff;display: inline-block;padding: 10px 20px;transition: .3s ease}
.alter-btn:hover{color: #fff;opacity: .9}
.form-inpput-group input#zhuti{width: 65%}
/*page-news.html*/
.news-banner{background-image: url("../images/bg-news.jpg");}
.news-box,.news-recommend{background-color: #fff;border-radius: 3px}
.news-con{min-height: 642px;}
.news-box{width: 70%;padding-top: 0}
.news-recommend{width: 324px;padding:15px 0 30px;position: absolute;left: 50%;top:0;margin-left: 256px;z-index: 9;}
.news-recommend-fixed{position: fixed;top:90px;/*left: 50%;margin-left:256px*/box-shadow: 0 0 5px #ececec;}
.news-recommend .title{font-size: 18px;color: #333333;padding:15px 20px 6px 20px;}
.news-lists li{padding: 30px 15px 0;text-align: justify;}
.news-lists li:hover{background-color: rgba(0,0,0,.01)}
.news-lists li .cover-bg{width: 23%;height: 132px;float: left;}
.news-lists li a{display: block;padding-bottom: 20px;border-bottom: 1px solid #eaeaea }
.news-lists .news-txt{width: 73%;margin-left: 3%;float: left;}
.news-txt .title{font-size: 20px;transition: all .3s ease}
.news-lists li:hover .news-txt .title{color: #2c77ec;}
.news-txt p{margin: 10px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;font-size: 14px;color: #666666;}
.date{font-size: 14px;color: #999999}
.news-serach{padding: 0 20px 20px;border-bottom: 1px solid #eaeaea;}
.news-serach .news-serach-form{position: relative;}
.news-serach-form input{width: 100%;height: 38px;border:2px solid #2c77ec;padding: 0 50px 0 15px}
.news-serach-form button{width: 42px;height:38px;position: absolute;top:0;right:0;border:none;background:#2c77ec url("../images/search.png") no-repeat center center;cursor: pointer}
.recommend-infos li{padding-top: 15px;margin:0 20px;position: relative;}
.recommend-infos li .sort-num{display: block;width: 18px;height:18px;border-radius: 50%;position: absolute;top: 17px;left:0;background-color: #2c77ec;color: #fff;text-align: center;line-height: 18px;font-size: 12px;}
.recommend-infos .recommend-txt{padding-left: 25px}
.recommend-txt h4{font-size: 14px;color: #666666;font-weight: normal;transition: color .3s ease}
.recommend-infos li:hover .recommend-txt h4{color: #2c77ec}
.recommend-txt span{color:#999999;font-size:12px;}
.news-box .news-title{font-size: 22px;padding: 30px 20px;border-bottom: 1px solid #eaeaea}
.news-title h2{font-weight: normal}
.new-article{padding: 30px 20px;text-align: justify;font-size: 14px;line-height: 22px;border-bottom: 1px solid #eaeaea;}
.new-article p{margin: 8px 0;text-indent: 2em;color:#333333;}
.to-next-article{padding: 30px 20px;}
.to-next-article a{padding: 10px;border-radius: 5px;font-size: 14px;border:1px solid #c1c1c1;color: #999999;box-sizing: border-box;max-width: 48%;transition: all .3s ease;}
.to-next-article a:hover{color:#2c77ec;border-color: #2c77ec}
.pages-more{text-align: center;margin: 30px auto}
.pages-more .pagination{text-align: center}
.pages-more .pagination li{display: inline-block;}
.pages-more a,.pages-more span{padding: 5px 10px;font-size: 14px;border:1px solid #cccccc;background-color: #fff;transition: background-color .3s ease;margin: 0 3px;cursor: pointer;}
.pages-more .pagination li a:hover,.pages-more .pagination li span:hover,.pages-more li.active span{background-color: #2c77ec;color: #fff;border-color: #2c77ec;}
.pages-more .pagination li.disabled span,.pages-more .pagination li.disabled span:hover{background-color: #ececec;color: #333;cursor:not-allowed;border-color:#ccc}
/*page about.html*/
.about-con{background-color: #fff;padding: 30px}
.div-sectoin{margin-bottom: 50px}
.intro-title h3{color: #0c62eb;font-size: 22px;margin-bottom: 5px}
.intro-title span{font-size: 12px;color: #999999;text-transform:uppercase}
.company-intro-left{width: 40%;float: left;}
.company-intro-right{width: 60%;float: right;padding-left: 40px;}
.company-intro-right .intro-txt{padding-left: 20px;font-size: 16px;color: #333333;margin-top: 30px}
.intro-txt p{text-indent: 2em;text-align: justify;margin-bottom: 15px;line-height: 26px;}
.archiev-list{text-align: center}
.archiev-list li{width: 28%;padding:0 2.65%;display: inline-block}
.archiev-list li img{display: block;width: 100%;}

/*page-order.html*/
.order-tab-tit-box{position: relative;padding-left: 12px;padding-bottom: 0}
.order-tab-tit{/*margin-left: -20px*/}
.order-tab-tit li{float: left;width: 80px;margin-left: 20px;text-align: center;cursor: pointer;transition: color .3s ease;position: relative;padding-bottom: 16px;}
.order-tab-tit li.active{color: #2c77ec}
.order-tab-tit li.active:after{display: block;content: '';width: 100%;height: 2px;background-color: #2c77ec;position: absolute;bottom:0}
.order-tab-tit-box .underline{position: absolute;bottom: 0;left: 32px;display: block;width: 80px;height: 2px;background-color: #2c77ec}
.order-table-box{padding-left: 0;padding-right: 0}
.order-table-tit{width: 100%;text-align: center;border-bottom: 1px solid #e6e6e6}
.order-table-tit tr td,.order-table-tit tr th{padding: 12px 10px}
.order-table-tit .number,.order-table-tit .division{width: 23.3%;}
.order-table-tit .datetime{width: 15%;}
.order-table-tit .status{width: 15%;}
.order-table-tit .operate a{padding: 0 10px;color:#2c77ec}
.order-table-tit .operate a:hover{color:#0b55e3;text-decoration: underline}

/*page-periods.html*/
.add-periods{cursor: pointer;color: #2c77ec}
.add-periods span{display: inline-block;width: 13px;height: 15px;background: url("../images/add.png") no-repeat top center;padding-right: 12px;vertical-align: middle}
.periods-table-tit{width: 100%;}
.periods-table-tit td{padding: 8px 12px;}
.periods-table-tit .periodsnum{width: 70%;}
.periods-table-tit .periodsoperate{width: 30%;text-align: center}
.periods-con{border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;margin: 20px 0}
.enable-btn,.delete-btn{display: inline-block;margin:0 5px;padding: 6px 16px;border-radius: 5px}
.enable-btn:hover,.delete-btn:hover{opacity: .85}
.enable-btn,.enable-btn:hover{background-color: #2c77ec;color:#fff;}
.delete-btn,.delete-btn:hover{border:1px solid #2c77ec;color:#2c77ec;padding: 4px 14px}
.unenable,.unenable:hover{background-color: #e9e9e9;color: #666666}

/*page-process.html*/
.process-tu{padding: 0 46px;}
.process-list{margin-left: -3.66%;position: relative;}
.process-list:before{display: block;content: '';width: 84%;position: absolute;height: 2px;background-color: #2c77ec;top: 50px;left: 10%;}
.process-list li{float: left;width: 13%;margin-left: 3.66%;text-align: center;position: relative;z-index: 1;}
.process-list li .circle{width: 102px;height: 102px;margin: 0 auto 20px;border-radius: 50%;border:2px solid #2c77ec;padding-top: 25px;background-color: #fff;}
.process-list li .icon{display: inline-block;}
.process-list li h4{font-size: 16px;color: #323233;font-weight: 700}
.icon.icon-process1{width: 44px; height: 46px;background: url('../images/process_sprites.png') -190px -148px;}
.icon.icon-process2{width: 43px; height: 44px;background:url('../images/process_sprites.png') -10px -215px;}
.icon.icon-process3{width: 42px; height: 42px;background: url('../images/process_sprites.png') -73px -215px;}
.icon.icon-process4{width: 43px; height: 41px;background: url('../images/process_sprites.png') -135px -215px;}
.icon.icon-process5{ width: 39px; height: 45px;background: url('../images/process_sprites.png') -328px -10px;}
.icon.icon-process6{width: 44px; height: 47px;background: url('../images/process_sprites.png') -259px -148px;}
.process-tips{text-align: center;color: #969799;font-size: 14px;line-height: 30px;margin: 50px 0 80px;}
.demand-box{background: url("../images/bg-demand.jpg") no-repeat top center;background-size: cover;height: 450px;padding-top: 75px;overflow: hidden;margin-bottom: 60px;}
.demand-list{margin-left: -100px;}
.demand-list li{width: 160px;height: 185px;float: left;margin-left: 100px;background: url("../images/process_sprites.png") no-repeat -10px -10px;padding-top: 59px;}
.demand-list li span{display:block;width: 80px;line-height: 36px;margin: 0 auto;font-size: 30px;letter-spacing: 5px;text-align: center;color: #2c77ec;padding-left: 5px;}
.demand-box .process-tips{color: #fff;}
.carousel{margin-bottom: 40px}
.carousel-view{width: 1010px;height: 386px;margin: 0 auto;overflow: hidden;position: relative}
.carousel-view .carousel-imgs{position: absolute;top:0;left:-34px;height: 100%}
.carousel-imgs li{width: 227px;height: 100%;margin-left: 34px;float: left;background-color: #f0f0f5;}
.carousel-imgs li p{padding: 25px 15px}
.carousel-btn{position: absolute;width: 100%;height: 49px;top:50%;margin-top: -24.5px;}
.carousel-btn a{display: block;width: 49px;height: 49px;background: url('../images/process_sprites.png') no-repeat}
.carousel-btn a.prev{background-position: -259px -79px;position: absolute;left: 0}
.carousel-btn a.prev.active,.carousel-btn a.prev:hover{background-position:-190px -79px;}
.carousel-btn a.next.active,.carousel-btn a.next:hover{background-position: -190px -10px}
.carousel-btn a.next{background-position: -259px -10px;position: absolute;right: 0}
.process-img{text-align: center}
.process-img img{max-width: 100%}